<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>活动详情</title>
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">
    <link href="../../css/bootstrap.css" rel="stylesheet"/>
    <link href="../../css/bootstrap-theme.css" rel="stylesheet"/>
    <link href="../../css/font-awesome.min.css" rel="stylesheet"/>
    <link href="../../css/bootstrap-datetimepicker.min.css" rel="stylesheet" /><!--日期控件所需的样式表-->
    <link href="../../css/head-common.css" rel="stylesheet"/>
    <!-- HTML5 Shim and Respond.js IE8 support of HTML5 elements and media queries -->
    <!--[if lt IE 9]>
      <script src="http://apps.bdimg.com/libs/html5shiv/3.7/html5shiv.min.js"></script>
      <script src="http://apps.bdimg.com/libs/respond.js/1.4.2/respond.min.js"></script>
    <![endif]-->
</head>
<body class="background">
	<!-- head -->
        
	<!-- head end -->
    
    <!-- center-content  -->
      <center>
          <h3 style="font-weight: bold;">关爱留守儿童</h3>
      </center>
      <div>
          <span style="margin-left:20px;">发起活动</span>  
          <span style="margin-left:20px;">审核中</span>  
          <span style="margin-left:30px;">招募中</span>  
          <span style="margin-left:30px;">进行中</span>   
          <span style="margin-left:30px;">已完成</span>  
      </div>
      <!-- 圆颜色增加 color-l -->
      <div class="widget icon_button  sty1 color-l" style="left:16px;top:80px;">
          <i class="fa fa-circle"></i>
      </div>
      <!-- 横线颜色增加 color-b -->
      <div class="widget hr sty2 color-b" style="left:49px;top:91px;">
        <span class='b-t-w'></span>
      </div>
      <div class="widget icon_button sty1 color-l" style="left:93px;top:80px;">
        <i class="fa fa-circle" ></i>
      </div>
      <div class="widget hr sty2 color-b" style="left:126px;top:91px;">
        <span class='b-t-w'></span>
      </div>
      <div class="widget icon_button sty1 color-l" style="left:170px;top:80px;">
        <i class="fa fa-circle" ></i>
      </div>
      <!-- 横线默认颜色 color-b-bg -->
      <div class="widget hr sty2 color-b-bg" style="left:203px;top:91px;">
        <span class='b-t-w'></span>
      </div>
      <!-- 圆颜色默认 color-d -->
      <div class="widget icon_button sty1 color-d" style="left:242px;top:80px;">
        <i class="fa fa-circle" ></i>
      </div>
      <div class="widget hr sty2 color-b-bg" style="left:275px;top:91px;">
        <span class='b-t-w'></span>
      </div>
      <div class="widget icon_button sty1 color-d" style="left:316px;top:80px;">
         <i class="fa fa-circle" ></i>
      </div>
     <table class="activityTable ac-mar-top">
       <tr>
         <td>活动类型:</td>
         <td>助幼</td>
       </tr>
        <tr>
         <td>发起组织(人):</td>
         <td>张莉莉</td>
       </tr>
       <tr>
         <td>所属单位(组织):</td>
         <td>凉井社区党委</td>
       </tr>
        <tr>
         <td>联系人:</td>
         <td>张莉莉</td>
       </tr>
        <tr>
         <td>联系电话:</td>
         <td>13419465483</td>
       </tr>
       <tr>
         <td>地点:</td>
         <td>次是街道336号里哥小区</td>
       </tr>
        <tr>
         <td>活动时长:</td>
         <td>2小时</td>
       </tr>
       <tr>
         <td>活动内容:</td>
         <td>帮助独居老人修水管</td>
       </tr>
       <tr>
         <td>招募人数:</td>
         <td>10人</td>
       </tr>
       <tr>
         <td>当前报名人数:</td>
         <td>8人</td>
       </tr>
        <tr>
         <td>发布时间:</td>
         <td>2016-09-02 12:32:34</td>
       </tr>
        <tr>
         <td>招募截止时间:</td>
         <td>2016-09-07 18:34</td>
       </tr>
       <tr>
         <td>活动开始时间:</td>
         <td>2016-09-08 14:34</td>
       </tr>
        <tr>
         <td>岗位要求:</td>
         <td>有爱心</td>
       </tr>
     </table>
     <div class="new-content-no-mar">
          <img src='../../imges/staticmap_zh-CN.png' />
     </div>
     

    <!-- center-content end -->
     
    <!-- footer  -->
   
    <!-- footer -->
    <script type="text/javascript" src="../../js/jquery-1.9.1.js"></script>
    <script type="text/javascript" src="../../js/bootstrap.js"></script>
    <script type="text/javascript" src="../../js/bootstrap-datetimepicker.js"></script><!--日期控件所需的js -->
    <script type="text/javascript" src="../../js/locales/bootstrap-datetimepicker.zh-CN.js"></script><!--弹出日历里面 显示的文字 -->
    <script type="text/javascript" src="../../js/common.js"></script>
    
</body>
</html>